(function ($) {
    $.fn.extend({
        topback() {
            $(window).on("scroll", function () {
                let scrTop = $(this).scrollTop();//不可见区域的高度
                if (scrTop > 1000) {
                    $(".fixRight").show()
                } else {
                    $(".fixRight").hide()
                }
            })
            //回到顶部
            $("#topback").on("click", function () {
                $("html,body").animate({ scrollTop: 0 });
            })
        },
        fixedTop() {
            let self = this;
            $(document).on("scroll", function () {
                let $scrTop = $(this).scrollTop();
                if ($scrTop > 660) {
                    $(self).addClass("fixedtopshow");
                } else {
                    $(self).removeClass("fixedtopshow");
                }
            })
        },
        fixedLeft() {
            let self = this;
            let newArr = [];
            Array.from($(".category")).forEach((el, index) => {
                let scrTop = $(el).offset().top;
                newArr.push(scrTop);
                return newArr;
            })
            $(document).on("scroll", function () {
                let $scrTop = $(this).scrollTop();
                $(".fixedLeft-list").removeClass("active")
                newArr.forEach((el, index) => {
                    if ($scrTop > el-200) {
                        let temp = index;
                        $(".fixedLeft-list").eq(temp).addClass("active").siblings().removeClass("active");
                    }

                })
            });
            $(".fixedLeft-list").on("click", function () {
                let temp = $(this).index();
                $("html,body").animate({ scrollTop: newArr[temp] - 80 });
            })

        }
    })
})(jQuery)
$(function () {
    $(".fixRight").topback();
    $(".fixedtop").fixedTop();
    $(".fixedLeft").fixedLeft();
})
